<template>
 <div class="box">
    <div class="text"><router-view></router-view></div>
    <div class="ul"><ul>
        <li><router-link to="/home/index">面经</router-link></li>
        <li><router-link to="/home/shoucang">收藏</router-link></li>
        <li><router-link to="/home/love">喜欢</router-link></li>
        <li><router-link to="/my">我的</router-link></li>
    </ul>
 </div>
 </div>
</template>
<script>
export default{
        data () {
                return {
                        
                }
        },
        created () {
        },
        computed:{
        },
        methods:{
        }
}
</script>
<style lang='less'  scoped>
.box {
  height: 100vh;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  .text {
    flex: 1;
    overflow: auto;
  }
  ul {
    height: 50px;
    background-color: #fff;
    list-style: none;
    // position: fixed;
    // bottom: 0;
    display: flex;
    margin-left: -32px;
    width: 100%;
    background: black;
    li {
      margin: 10px 0;
      flex: 1;
      text-align: center;
    }
    a{
        text-decoration: none;
        color: #fff;
    }
  }
}

</style>
